<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			function changeTitle(){
				//改变id的html内容
				document.getElementById("bankTitle").innerHTML = "你已经进入了。。。。。。。。。";
			}
			function showService(){
				//获取单选组件的所有选项
				//获取的是一个单选框的数组对象
				var radios = document.getElementsByName("service");
				//遍历这个数组对象
				if(radios){
					for (var i = 0; i < radios.length; i++) {
						var each =  radios[i];
						//查看该选项是否是选中状态
						if(each.checked){
							//选中的
							alert("选择的内容："+each.value);
						}
					}
					
				}
			}
			
			function showInput(){
				// 获取多选对象数组
				var checks = document.getElementsByName("improve");
				if(checks){
					var msg = "";
					for(var i = 0; i < checks.length; i++){
						var each =  checks[i];
						//验证是否被选择
						if(each.checked){
							msg += " ,  "+each.value;
						}
					}
					
					alert("您选择的是："+msg);
				}
			}
			
		</script>
	</head>
	<body>
		<div id="bankTitle"><h3>欢迎进入银行服务质量评价系统</h3></div>
		<p>
			您对本次服务的满意程度：
			<input type="radio" name="service" value="非常满意" checked="checked" />非常满意
			<input type="radio" name="service" value="满意" />满意
			<input type="radio" name="service" value="不满意"/>不满意
		</p>
		<p>您觉得本行下列哪些业务需要改进：</p>
		<p>
			<input type="checkbox" name="improve" value="网点数目" />网点数目
			<input type="checkbox" name="improve" value="内部环境" />内部环境
			<input type="checkbox" name="improve" value="窗口数量" checked="checked"/>窗口数量
			<input type="checkbox" name="improve" value="ATM数量" /> ATM数量
		</p>
		<p>
			<input type="checkbox" name="improve" value="业务种类" />业务种类
			<input type="checkbox" name="improve" value="手续简便" />手续简便
			<input type="checkbox" name="improve" value="客服态度" />客服态度
			<input type="checkbox" name="improve" value="等待时间" checked="checked"/>等待时间
		</p>
		<p>
			<input type="button" name="changeTitle" value="改变标题" onclick="changeTitle()"/>
			<input type="button" name="showService" value="显示满意度选项" onclick="showService()"/>
			<input type="button" name="showInput" value="显示input元素个数" onclick="showInput()"/>
		</p>

	</body>
</html>
